<div class="container justify-content-center mt-3">
    <h1>Details</h1>

    <div>
        <h4>Movie</h4>
        <hr />
        <dl class="row">
            <dt class="col-sm-2">
                Title
            </dt>
            <dd id="detTitle" class="col-sm-10">
            </dd>
            <dt class="col-sm-2">
                Release Date
            </dt>
            <dd id="detReleaseDate" class="col-sm-10">
            </dd>
            <dt class="col-sm-2">
                Genre
            </dt>
            <dd id="detGenre" class="col-sm-10">
            </dd>
            <dt class="col-sm-2">
                Price
            </dt>
            <dd id="detPrice" class="col-sm-10">
            </dd>
        </dl>
    </div>
    <div>
        <p>
            <a class="btn btn-light btn-sm" role="button" href="#movies" onclick="navigateTo('/movies'); return false;">Back to List</a>
        </p>
    </div>
</div>